/// color|1|Background Color|4
$--color-white: #ffffff;
/// color|1|Background Color|4
$--color-black: rgba(0, 0, 0, 0.85);

// 主色
$--color-primary: rgb(45, 140, 240);
//侧边栏背景色
$--color-sidebar: #1a2942;
//头部背景色
$--color-header-bg: #1a2942;
//默认基础颜色
$--color-base: whitesmoke;
//头部和边栏高度
$--height-header: 70px;
//侧边栏宽度
$--width-sidebar: 240px;
//通用文字颜色
$--color-common-text: whitesmoke;
:root {
  --color-header-bg: #1a2942;
  --color-primary: rgb(45, 140, 240);
}

$--color-primary-light-1: mix($--color-white, $--color-primary, 10%);
/* 53a8ff */
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%);
/* 66b1ff */
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%);
/* 79bbff */
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%);
/* 8cc5ff */
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%);
/* a0cfff */
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%);
/* b3d8ff */
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%);
/* c6e2ff */
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%);
/* d9ecff */
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%);
/* ecf5ff */

// 辅助色
// success
$--color-success: #19be6b;
// warning
$--color-warning: #ff9900;
// danger
$--color-danger: #ed4014;
// info
$--color-info: $--color-common-text;

// alert 颜色
$--color-success-lighter: mix($--color-white, $--color-success, 95%);
$--color-warning-lighter: mix($--color-white, $--color-warning, 95%);
$--color-danger-lighter: mix($--color-white, $--color-danger, 95%);
$--color-info-lighter: mix($--color-white, $--color-info, 95%);

// 文字颜色
// 标题
$--color-text-primary: #303133;
// 正文
$--color-text-regular: #606266;
// 次要文字
$--color-text-secondary: $--color-common-text;
// placeholder
$--color-text-placeholder: #c0c4cc;

// 输入框、下拉、radio、checkbox边框
$--border-color-base: #dcdfe6;
// 页头分割线，默认按钮边框disable状态边框
$--border-color-light: #e4e7ed;
// 背景色
// input disable
$--background-color-base: #eef0f6;

// 表格斑马纹
$--background-color-light: #fafafa;
// 表格标题栏底色
$--background-color-blue: #c4d4f5;
// 表格hover,dropdown-item-hover
$--background-table-hover: #f2f6fc;
